<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String contextPath = request.getContextPath();
%> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원탈퇴</title>
<style type="text/css">
	#title_img{
		margin-top: 100px;
		position: relative;
	}
	#list ul{
		overflow: auto;
		padding: 0;
	}
	#list li{
		float:left;
		list-style:none;
	}
	#mypage_list_tab{
		width:600px;
	}
	#mypage_list_tab h2{
		float: left;
		margin-bottom: 10px;
	}
	.my_btn{
		width:130px;
		height:30px;
		margin-right:10px;
		background-color: #2F4F4F;
		font-family: "맑은 고딕";
		font-size:9pt;
		color:white;
		border: 0;
	}
	#delete_wrap{
		float: left;
		width:699px;
		margin: 0;
		padding:0;
		font-family: Verdana;
		font-size:12px;
		color:#7a7a7a;
		line-height: 18px;
		font-style: normal;
	}
	#delete_info_txt{
		float: left;
		text-align: left;
		margin-top: 30px;
	}
	#my_secede_box{
		float:left; 
		width:699px; 
		height:110px; 
		padding:10px; 
		background:#fffcf8; 
	}
	#my_secede_con{
		float: left;
		width: :699px;
		height: 110px;
		padding: 5px;
		text-align: left;
	}
	#delete_img{
		border: none;
		vertical-align: middle;
		width: 722px;
	}
	.btn_center_delete{
		margin:0 auto; 
		text-align:center;
		padding-top:10px;
	}
	.delete_btn{
		width:130px;
		height:30px;
		margin-right:10px;
		background-color:#993B3B;
		font-family: "맑은 고딕";
		font-size:9pt;
		color:white;
		border: 0;
		border-radius: 5px;
	}
</style>
</head>
<body>
	<div id="delete_wrap">
		<div id="title_img">
			<img src="./images/member/title_mypage_3.png">
		</div>
		<p style="height: 10px"></p>
		<div id="list">
			<ul id="mypage_list_tab">
				<li>
					<form action="<%=contextPath %>/detail.do" method="post">
						<input type="hidden" name="email" value="${email}">
						<input type="submit" value="멤버십 정보" class="my_btn" style="cursor: pointer">
					</form>
				</li>
				<li>
					<form action="<%=contextPath %>/updateForm.do" method="post">
						<input type="hidden" name="email" value="${email}">
						<input type="submit" value="개인정보변경" class="my_btn" style="cursor: pointer">
					</form>
				</li>
				<li>
				<form action="<%=contextPath %>/serviceList.do" method="post">
					<input type="hidden" name="email" value="${email}">
					<input type="submit" value="문의 내역" class="my_btn" style="cursor: pointer">
				</form>
				</li>
				<li>
					<form action="<%=contextPath %>/delete.do" method="post">
						<input type="hidden" name="email" value="${email}">
						<input type="submit" value="회원 탈퇴" class="my_btn" style="cursor: pointer">
					</form>
				</li>
			</ul>
		</div>
		<p id="delete_info_txt">
			<img src="./images/member/blit_dot.png">&nbsp;&nbsp;
			회원 탈퇴를 원하시나요?&nbsp;
		</p>
		<div id="my_secede_box">
			<div id="my_secede_con">
				<p>탈퇴를 하시면 이벤트 응모 등 각종 멤버십 회원 서비스를 이용할수 없습니다.</p>
				<p>또한, 멤버십카드에 적립되어 있던 포인트가 삭제되며  재가입시 기존의 포인트는 이관되지 않습니다</p>
				<p>회원가입은 탈퇴후 회원가입은 1주일 후에 가능하여 탈퇴한 아이디는 본인과 타인 모두 사용할수 없습니다.</p>
			</div>
		</div>
		<br>
		<p>
			<img src="./images/member/store_list_bottom.png" id="delete_img">
		</p>
		<br>
		<br>
		<form action="<%=contextPath %>/deleteForm.do" method="post">
			<p class="btn_center_delete">
				<input type="hidden" name="email" value="${email}">
				<input type="submit" value="탈퇴하기" class="delete_btn" style="cursor: pointer">
			</p>
		</form>
	</div>
</body>
</html>